let textArr = [
    {
        name: 'h2',
        class: 'inten',
        text: '求职意向：前端开发工程师'
    }, {
        name: 'h4',
        class: 'text-title',
        text: '基本信息'
    }, {
        name: 'div',
        class: 'base-info',
        children: [{
            name: 'div',
            children: [{
                name: 'div',
                text: '姓名：敖宇杰'
            }, {
                name: 'div',
                text: '年龄：21'
            }]
        }, {
            name: 'div',
            children: [{
                name: 'div',
                text: '邮箱：iskr1024@gmail.com'
            }, {
                name: 'div',
                text: '联系电话：15179505321'
            }]
        }]
    }, {
        name: 'h4',
        class: 'text-title',
        text: '教育背景'
    }, {
        name: 'div',
        class: 'school',
        children: [{
            name: 'span',
            class: 'mr',
            text: '学校：九江职业技术学院'
        }, {
            name: 'span',
            text: '专业：软件技术'
        }, {
            name: 'div',
            text: '证书：Web前端开发职业技能等级证书(中级)',
        }]
    }, {
        name: 'h4',
        class: 'text-title',
        text: '专业技能'
    }, {
        name: 'ul',
        class: 'ul-list',
        children: [{
            name: 'li',
            text: '熟练掌握',
            children: [{
                name: 'span',
                class: 'tag',
                text: 'H5、CSS3'
            }, {
                name: 'span',
                text: '布局，进行前端页面制作，能高效还原设计稿。'
            }
            ]
        }, {
            name: 'li',
            text: '熟练掌握',
            children: [{
                name: 'span',
                class: 'tag',
                text: 'JavaScript与jQuery'
            }, {
                name: 'span',
                text: '，熟悉闭包和模块化封装一些方法。'
            }
            ]
        }, {
            name: 'li',
            text: '熟练掌握ES6,包括let、箭头函数、析构赋值、promise、async\await等。',
        }, {
            name: 'li',
            text: '熟练使用Ajax，能与后端合作完成研发工作。',
            
        },{
            name: 'li',
            text: '掌握前端主流',
            children: [{
                name: 'span',
                class: 'tag',
                text: 'Vue框架'
            }, {
                name: 'span',
                text: ',包括Vuecli、VueRouter、Vuex等。'
            }]
        }, {
            name: 'li',
            text: '了解并使用过Jquqery ui、Bootstrap、Vant、Swiper、Element ul等流行框架。'
        }, {
            name: 'li',
            text: '熟悉掌握Git版本控制工具，熟练使用码云与Github等技术和团队协作开发工具。'
        }]
    }, {
        name: 'h4',
        class: 'text-title',
        text: '项目经验'
    }, {
        name: 'div',
        class: 'item-lv',
        children: [{
            name: 'ul',
            class: 'ul-list',
            children: [{
                name: 'li',
                class: 'project-title',
                text: '项目一：移动端视频网站'
            }, {
                name: 'li',
                text: '技术栈 vue + vuex + vue-router + ES6/7  + flex + vant等。',
            }, {
                name: 'li',
                text: '实现功能有登录注册，权限验证，上传头像和编辑资料，关注用户和收藏文章，发表评论和多级回复，用户自己可以筛选自己喜欢栏目的功能等等。'
            },{
                name: 'li',
                text: '项目用到的接口是在github的一个开源项目里面,项目中有使用到很多原生js的逻辑方法。让自己在开发过程中对编程的逻辑思维有了很大的提升,以及遇到问题解决问题记录问题都在不断的提升。'
            }]
        }, {
            name: 'ul',
            class: 'ul-list',
            children: [{
                name: 'li',
                class: 'project-title',
                text: '项目二：电影卖座'
            }, {
                name: 'li',
                text: '技术栈 vue + vuex + vue-router + axio  + moment + swiper等。',
                
            }, {
                name: 'li',
                text: '实现功能有城市搜索,筛选处理,数据的过滤,时间戳插件处理,购票预售详情页渲染处理, swiper轮播事件切换轮播实现数据请求和实时更改数据,Js原生的方式实现了懒加载更新数据,同时也处理了事件的防抖(debounce)优化了项目，还原生封装了提示小组件。'
            },{
                name: 'li',
                text: '在开发这个项目中使自己对模块化思路有了更清晰的了解,组件化和响应式数据更好的实践应用。项目使用的接口是来此卖座网的,采用chrome开发者工具分析出来的,项目大部分内容用在数据渲染这一块。'
            }]
        }, {
            name: 'ul',
            class: 'ul-list',
            children: [{
                name: 'li',
                class: 'project-title',
                text: '项目三：网易云音乐(PC端)'
            }, {
                name: 'li',
                text: '技术栈 vue + vuex + vue-router + axio  + Element + swiper + less等。',
            }, {
                name: 'li',
                text: '实现功能有搜索和搜索详情页，歌单的播放及详情页，歌曲评论页面，榜单及其榜单详情页面等等。'
            }, {
                name: 'li',
                text: '该项目很多技术点吸引到自己然后clone下来自己研究。项目API是来自于Github上面最火的网易云API，这个项目也是在Github开源上面看到的，准备完善了没有完成的功能。还未完成部署，项目源码里面有自己做了一份目录说明有实现的功能和目录的详细说明，还在完成中。'
            }]
        }]
    }, {
        name: 'h4',
        class: 'text-title',
        text: '自我评价'
    }, {
        name: 'ul',
        class: 'ul-list',
        children: [{
            name: 'li',
            text: '具有',
            children: [{
                name: 'span',
                class: 'tag',
                text: '团队管理经验'
            }, {
                name: 'span',
                text: '，拥有良好的'
            }, {
                name: 'span',
                class: 'tag',
                text: '团队协调能力'
            }, {
                name: 'span',
                text: '，工作当中和同事融洽相处'
            }]
        }, {
            name: 'li',
            text: '常混迹于',
            children: [{
                name: 'span',
                class: 'tag',
                text: '前端主流社区'
            }, {
                name: 'span',
                text: '（github、掘金、知乎、简书），翻阅前端'
            }, {
                name: 'span',
                class: 'tag',
                text: '大咖'
            }, {
                name: 'span',
                text: '博客（张鑫旭、阮一峰、黄轶）'
            }]
        }, {
            name: 'li',
            text: '热爱前端、思维活跃、学习能力强，抗压能力强。'
        }, {
            name: 'li',
            text: '性格随和、诚恳稳重、身体素质较好、能够很快地适应新环境。'
        }]
    }
]
let style = `
    /*
    * 面试官你好，我是敖宇杰，江西宜春人
    * 为您精心准备一份不一样的简历来介绍自己
    * 首先准备一些样式
    */
    *{
        transition: all .8s;
    }
    /* 稍等，在容器上添加点样式 */
    #codeEdit{
        color: #fff;
        background: #1E1E1E;
    }
    #resume{
        box-shadow: -1px 4px 9px 3px rgba(0, 0, 0, .15);
    }
    /* 我需要一点代码高亮 */
    pre#codeEdit{
        color: #CE9e78;
    }
    .token.selector{
        color: rgb(230, 155, 43);
    }
    .token.comment{
        color: #6A9955;
        font-size: 14px;
    }
    .token.property{
        color: #60C8FE;
    }
    .token.function {
        color: #DD4A68;
    }
    /* 接下来请欣赏我的个人简历吧 */
`
let balloon = `
    <div class="balloon-wrap">
        <img src="images/balloon.png" id="bg-balloon-small">
        <img src="images/balloon.png" id="bg-balloon-large">
        <img src="images/logo.png" id="bg-balloon-logo">
    </div>
    <div class="connect" style="width: 100%; display: flex;"></div>`
let line = `
    <div class="line-wrap">
        <div class="line-left"></div>
        <div class="line-right">
            <p class="line-defColor line-item1"></p>
            <p class="line-darkColor line-item2"></p>
            <p class="line-defColor line-item3"></p>
            <p class="line-midColor line-item4"></p>
            <p class="line-darkColor line-item5"></p>
            <p class="line-midColor line-item6"></p>
            <p class="line-darkColor line-item7"></p>
            <p class="line-midColor line-item7"></p>
        </div>
    </div>
    <div class="connect"></div>`
let text = `
    <div class="text-wrap"></div>
`


